<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/jsps/common/tags.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>">
<title>音乐在线</title>
<link href="<%=request.getContextPath()%>/css/homepage.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
   function nTabs(thisObj, Num) {
     if (thisObj.className == "active") return;
     var tabList = document.getElementById("myTab").getElementsByTagName("li");
     for (i = 0; i< tabList.length; i++) {//点击之后，其他tab变成灰色，内容隐藏，只有点击的tab和内容有属性
        if (i == Num) {
          thisObj.className = "active";
          document.getElementById("myTab_Content" + i).style.display = "block";
        } else {
          tabList[i].className = "normal";
          document.getElementById("myTab_Content" + i).style.display = "none";
        }
      }
    }

 function musiclist(name)
        {
	 	var key = name.innerHTML;
       location.href="<s:url action="musiclist.action" namespace="/"/>?helper.type="+key;   
       
        }


</script>
	</head>
	<body >
	<div align="center">
<div id="tittle">
<div id="tittletop">
<div id="tittlemain">

  <div id="logo">
	 <ul>
	 <li><a title="忘忧校园音乐平台" href="homepage.html"><img src="<%=request.getContextPath()%>/images/logo.gif" width="180" height="57"></a></li>
	 </ul>
	</div>

	<div id="menu">
	 <ul>
   <li><a title="歌手" href="homepage.html"  style= "text-decoration:none"><strong>歌手</strong></a>&nbsp
	    <a title="专辑" href="homepage.html" style= "text-decoration:none"><strong>专辑</strong></a>&nbsp
	    <a title="随便听听"  href="" style= "text-decoration:none"><strong>随便听听</strong></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			<a title="快速注册" href="" style= "text-decoration:none"><strong>快速注册</strong></a>&nbsp&nbsp
			<a title="登陆" href="" style= "text-decoration:none"><strong>登陆</strong></a>
  </li>
	</ul>
	</div></div>
</div>
</div>


<div id="main">

<div id="first">

  <div id="newsong">
	<ul>
	<li><strong>新歌速递</strong></li>
	</ul>
	</div>
  <div id="searchblank">
	<div id="searchcontrol">
	<div class="search">
<form action="" method="post" name="search" id="search">
<input name="keyword" type="text" class="input" id="keyword" value="" style="float:left;">
<label for="keyword" id="for-keyword" class="label">搜索一下吧！^_^</label>
<span class="submit" onclick="return formSubmit('frmsearch');">搜索</span>
</form>
  </div>
    
    
	</div>
	</div>

<script type="text/javascript">
  var $ = function(id){return document.getElementById(id);}
  var formSubmit = function(id){
  document.forms[id].submit();
  return false;
  }
  var tip = function(q, for_q){
  q = $(q);
  for_q = $(for_q);
  q.onfocus = function(){
  for_q.style.display = 'none';
  q.style.backgroundPosition = "right -17px";
  }
  q.onblur = function(){
  if(!this.value) for_q.style.display = 'block';
  q.style.backgroundPosition = "right 0";
  }
  for_q.onclick = function(){
  this.style.display = 'none';
  q.focus();
  }
  };
  tip('keyword','for-keyword');
</script>
	</div>

	<div id="side">
	<div id="sideone" style="padding-top:25px;padding-bottom:40px;font-family:宋体">
	<ul>
	<span class="sideone1" id="sideone2"><li style="font-size:12px; "><a><strong><span style="color:#ff0000">hot热门搜索</span></strong></a></li></span>
	<span class="sideone1"><li style="font-size:11px"><a><strong>周杰伦 刘德华 王菲 凤凰传奇</strong><a></li></span>
	<span class="sideone1"><li style="font-size:11px"><a><strong>张学友 陈奕迅 梁静茹 筷子兄弟</strong><a></li></span>
	<span class="sideone1"><li style="font-size:11px"><a><strong>张杰 金莎 徐良 杨幂</strong></a></li></span>
	</ul>
	</div>
 <div id="sidetwo">
	<ul>
	<li><span style="color:#4BD0FC">hustmusic.com</span></li>
	<ul>
	</div>
	<div id="sidethree">
	<ul>
	<li><span style=""><b>音乐分类</span></li>
	</ul>
	</div>

	<div id="sidefour">
	<div id="sidefourleft">
	</div>
	 <ul>
	  <li>&nbsp<b><a  title="中国风" onclick="musiclist(this)" style="color:#3399ff">中国风</a>&nbsp<a title="嘻哈" onclick="musiclist(this)" style="color:#3399ff">嘻哈</a></li>
	  <li>&nbsp<a  title="轻音乐" onclick="musiclist(this)" style="color:#3399ff">轻音乐</a>&nbsp<a title="说唱" onclick="musiclist(this)" style="color:#3399ff">说唱</a></li>
	  <li>&nbsp<a title="爵士" onclick="musiclist(this)" style="color:#3399ff">爵士</a>&nbsp&nbsp<a title="摇滚" onclick="musiclist(this)" style="color:#3399ff">摇滚</a></li>
		<li>&nbsp<a  title="京剧" onclick="musiclist(this)" style="color:#3399ff">京剧  &nbsp&nbsp</a><a title="儿歌" onclick="musiclist(this)" style="color:#3399ff">儿歌</a></li>
		<li>&nbsp<a title="古典音乐" onclick="musiclist(this)" style="color:#3399ff">古典音乐</a></li>
		  
		<br>
		<span style="line-height:2px"><br></span>
		  
	</ul>
		<ul style="line-height:25px;color:#6633ff">
		<li>&nbsp<a title="开心" onclick="musiclist(this)" style="color:#6633ff">开心</a>&nbsp&nbsp<a title="伤感" onclick="musiclist(this)" style="color:#6633ff">伤感</a></li>
		<li>&nbsp<a title="寂寞" onclick="musiclist(this)" style="color:#6633ff">寂寞</a>&nbsp&nbsp<a title="动感" onclick="musiclist(this)" style="color:#6633ff">动感</a></li>
		<li>&nbsp<a title="唯美" onclick="musiclist(this)" style="color:#6633ff">唯美</a>&nbsp&nbsp<a title="颓废" onclick="musiclist(this)" style="color:#6633ff">颓废</a></li>
	  <li>&nbsp<a title="甜蜜" onclick="musiclist(this)" style="color:#6633ff">甜蜜</a>&nbsp&nbsp<a title="安静" onclick="musiclist(this)" style="color:#6633ff">安静</a></li>
	  <li>&nbsp<a title="舒缓" onclick="musiclist(this)" style="color:#6633ff">舒缓</a>&nbsp&nbsp<a title="温暖" onclick="musiclist(this)" style="color:#6633ff">温暖</a></li>
	  <li>&nbsp<a title="感人" onclick="musiclist(this)" style="color:#6633ff">感人</a></li>
		 
		<span style="line-height:20px"><br></span>
		</ul>
		<ul style="line-height:25px;color:#fc6b04">
		<li>&nbsp<a title="英语" onclick="musiclist(this)" style="color:#fc6b04">英语</a>&nbsp&nbsp<a title="日语" onclick="musiclist(this)" style="color:#fc6b04">日语</a></li>
		<li>&nbsp<a title="粤语" onclick="musiclist(this)" style="color:#fc6b04">粤语</a>&nbsp&nbsp<a title="韩语" onclick="musiclist(this)" style="color:#fc6b04">韩语</a></li>
    <li>&nbsp<a title="法语" onclick="musiclist(this)" style="color:#fc6b04">法语</a>&nbsp&nbsp<a title="泰语" onclick="musiclist(this)" style="color:#fc6b04">泰语</a></li>
    <li>&nbsp<a title="德语" onclick="musiclist(this)" style="color:#fc6b04">德语</a>&nbsp&nbsp<a title="印度语" onclick="musiclist(this)" style="color:#fc6b04">印度语</a></li>
    <li>&nbsp<a title="闽南语" onclick="musiclist(this)" style="color:#fc6b04">闽南语</a><a title="蒙古语" onclick="musiclist(this)" style="color:#fc6b04">蒙古语</a></li>
		<li>&nbsp<a title="意大利语" onclick="musiclist(this)" style="color:#fc6b04">意大利语</a></li>
	</ul>
	</div>

  <div id="sidetalk">
	<a><b>最<span style="color:red">热</span>评论</b></a>
	</div>
	 <div id="sidefive">
			<script language='javascript' type="text/javascript">
      linkarr = new Array();
      picarr = new Array();
      textarr = new Array();
      var swf_width=198;
      var swf_height=180;
      var files = "<%=request.getContextPath()%>/images/turn1.jpg|<%=request.getContextPath()%>/images/turn2.jpg|<%=request.getContextPath()%>/images/turn3.jpg|<%=request.getContextPath()%>/images/turn4.jpg";
      var links = "#|#|#|#";
      var texts = "";
      for(i=1;i<picarr.length;i++){
       if(files=="") files = picarr[i];
       else files += "|"+picarr[i];
      }
      for(i=1;i<linkarr.length;i++){
       if(links=="") links = linkarr[i];
       else links += "|"+linkarr[i];
      }
      for(i=1;i<textarr.length;i++){
       if(texts=="") texts = textarr[i];
       else texts += "|"+textarr[i];
      }
      document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
      document.write('<param name="movie" value="<%=request.getContextPath()%>/images/indexpic.swf"><param name="quality" value="high">');
      document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
      document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
      document.write('<embed src="<%=request.getContextPath()%>/images/indexpic.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
   </script>
  </div>

  <div id="sidefivetalk">
  <p>1.<span style="color:#3a5fcd"><a title ="筷子兄弟" href="" style="color:#3A5FCD;">筷子兄弟</a>-<a title ="暴雨将至" href="" style="color:#3A5FCD;">暴雨将至</a></span>：感谢筷子兄弟在这样冷漠的社会里还感动了我。我从小到大都不是个爱哭的女孩子，小时候被我爸打也不怎么哭，长大后哭得更少了。从老男孩开始认识筷子兄弟，我都忘记我哭了几次了！原来我的泪也是咸的。</p>
		<br>
  <p>2.<span style="color:#3a5fcd"><a title ="金莎" href="" style="color:#3A5FCD;">金莎</a>-<a title ="星月神话" href="" style="color:#3A5FCD;">星月神话</a></span>：那一年，最喜欢的一首歌。若可以，愿用千年来交换这一世的相见.........</p>
		<br>
  <p>3.<span style="color:#3a5fcd"><a title ="梁金茹" href="" style="color:#3A5FCD;">梁金茹</a>-<a title ="可惜不是你" href="" style="color:#3A5FCD;">可惜不是你</a></span>：我们都是有故事的人。 在回味你离去的画面，是那么在我心里深刻，直到现在，还无法挥之不去…… ……知道我们永远也不可能在一起，不会像从前那样甜。 我只有在想其你的那一刻，翻开我们那段日子留下的合影，默念你写下热衷的你给我的留言…… ………………祝愿你，一定会幸福。</p>
		<br>
  <p>4.<span style="color:#3a5fcd"><a title ="张杰" href="" style="color:#3A5FCD;">张杰</a>-<a title ="天下" href="" style="color:#3A5FCD;">天下</a></span>：顾不顾将相王侯管不管万世千秋求只求爱化解，送给他爱的谢娜，祝他们幸福</p>


	</div>


	</div>

	<div id="second">
  
 <div id="pic1" style="float:left;width:149px;"><a title="播放：孙楠-《旅途》" href=""><img src="<%=request.getContextPath()%>/images/pic1.gif"/ width=149px height=149px style="border:1px solid #B0B0B0"onmouseover="this.src='<%=request.getContextPath()%>/images/pic1_2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/pic1.gif'"/></a>
	<li><span class="rangking"><a title="旅途" href="" style="">《旅途》</a></span></li>
	<li><a title="孙楠" href=""><span>孙楠</span></a></li>
	</div>


 <div id="pic2" style="float:left"><a title="播放：梁咏琪-单曲-蝴蝶咏" href=""><img src="<%=request.getContextPath()%>/images/pic2.gif"/ width=149px height=149px style="border:1px solid #B0B0B0"onmouseover="this.src='<%=request.getContextPath()%>/images/pic2_2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/pic2.gif'"/></a>
  <li><a title="单曲-蝴蝶咏" href="">单曲-蝴蝶咏</a></li>
	<li><a title="梁咏琪" href="">梁咏琪</a></li>
	</div>
   

 <div id="pic3" style="float:left"><a title="播放：洪辰-单曲-飞" href=""><img src="<%=request.getContextPath()%>/images/pic3.gif"/ width=149px height=149px style="border:1px solid #B0B0B0"onmouseover="this.src='<%=request.getContextPath()%>/images/pic3_2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/pic3.gif'"/></a>
  <li><a title="单曲-飞" href="">单曲-飞</a></li>
	<li><a title="洪辰" href="">洪辰</a></li>
 </div>
	 

 <div id="pic4" style="float:left"><a title="播放：杨洋-单曲-宇宙只有我和你"href=""><img src="<%=request.getContextPath()%>/images/pic4.jpg"/ width=149px height=149px style="border:1px solid #B0B0B0"onmouseover="this.src='<%=request.getContextPath()%>/images/pic4.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/pic4.jpg'"/></a>
	<li><a title="单曲-宇宙只有我和你" href="">单曲-宇宙只有我和你</a></li>
	<li><a title="杨洋" href="">杨洋</a></li>
	</div>

  
	</div>
	

	<div id="third">
    
	<div id="hotranking">
	 <iframe name="contentFrame" src="<s:url action="musiclist" namespace="/"/>?helper.type=hot" width="335" height="493" frameborder="0" scrolling="no" >
              您的浏览器不支持iframe
         </iframe>
		</div>

		
	</div>
    
  <div id="newranking">
  
   <iframe name="contentFrame" src="<s:url action="musiclist" namespace="/"/>?helper.type=new" width="335" height="493" frameborder="0" scrolling="no" >
              您的浏览器不支持iframe
         </iframe>
 </div>
	</div>

</div>

	<div id="song">
	<a><b>推荐歌曲</b></a>
	</div>
<div id="fourth">

	<div class="nTab">
  <div class="TabTitle">
    <ul id="myTab">
      <li class="active" onclick="nTabs(this,0);">港台</li>
      <li class="normal" onclick="nTabs(this,1);">内地</li>
      <li class="normal" onclick="nTabs(this,2);">欧美</li>
      <li class="normal" onclick="nTabs(this,3);">韩国</li>
      <li class="normal" onclick="nTabs(this,4);">日本</li>
    </ul>
  </div>
  <div class="TabContent">
    <div id="myTab_Content0">
       <div id="gangtai">
          
					<div id="gangtaipart1" class="gangtaipart">
			
					 <div class="gangtaipart1pic">
						 
						<a><img src="<%=request.getContextPath()%>/images/gpart1.gif" width="139px" height="139px" onmouseover="this.src='<%=request.getContextPath()%>/images/gpart1_2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/gpart1.gif'"/></a>
						
          </div>
						<div class="gangtaipart1content">
						<li>&nbsp</li>
						<li>&nbsp简介：许飞2012年同名新专辑,首波主打歌《寻水的鱼》 
              出道七年，一路音乐旅程，吉他与其为外界纷纷扰扰。
              2012年，许飞再起飞，这次她化作一条《寻水的鱼》，只为找到最真实的自己。
              许飞2012年同名专辑《许飞》第一波诚意主打，首度挑战“轻摇滚”曲风，在音符的海洋中，变的更加自由自在，打破乐坛死寂湖... 
							<li class="zhankai"><a title="展开详情" href="" style="color:#2c76c0">展开</a></li>
					
						</div>
						<div class="gangtaipart1bt">
           <a title="播放" href=""><img src="<%=request.getContextPath()%>/images/播放1.gif" width="25" height="25" onmouseover="this.src='<%=request.getContextPath()%>/images/播放2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/播放1.gif'"/></a><a title="收藏" href=""><img src="<%=request.getContextPath()%>/images/收藏1.gif" width="25" height="25" onmouseover="this.src='<%=request.getContextPath()%>/images/收藏4.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/收藏1.gif'"/></a>

						</div>
					</div>
          
					<div id="gangtaipart2" class="gangtaipart">

             
					   <div class="gangtaipart1pic">
						 
						<a><img src="<%=request.getContextPath()%>/images/gpart2.gif" width="139px" height="139px" onmouseover="this.src='<%=request.getContextPath()%>/images/gpart2_2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/gpart2.gif'"/></a>
						</div>

						<div class="gangtaipart1content">
						<li>&nbsp</li>
						<li>&nbsp简介：alan阿兰日前在乐华娱乐支持下推出首张归国专辑《Love Song》，而 “全方位释放最真实的alan阿兰”，是大碟中十分重要的一方面。除了袁惟仁、方文山、林俊杰、王雅君、许哲佩、曲世聪等一众知名音乐制作人外，alan阿兰在这张大碟中，重视与新锐音乐人的沟通与合作。除了延续日本时期唯美大气的风格外，她首次尝试了大量的清新都市风...
							<span class="zhankai;"><a title="展开详情" href="" style="color:#2c76c0">展开</a></li>
					
						</div>
						<div class="gangtaipart1bt">
           <a title="播放" href=""><img src="<%=request.getContextPath()%>/images/播放1.gif" width="25" height="25" onmouseover="this.src='<%=request.getContextPath()%>/images/播放2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/播放1.gif'"/></a><a title="收藏" href=""><img src="<%=request.getContextPath()%>/images/收藏1.gif" width="25" height="25" onmouseover="this.src='<%=request.getContextPath()%>/images/收藏4.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/收藏1.gif'"/></a>

						</div>
					</div>
<div>
					<div id="gangtaipart3" class="gangtaipart">
					 <div class="gangtaipart1pic">

						<a><img src="<%=request.getContextPath()%>/images/gpart3.gif" width="139px" height="139px" onmouseover="this.src='<%=request.getContextPath()%>/images/gpart3_2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/gpart3.gif'"/></a>
						</div>

						<div class="gangtaipart1content">
						<li>&nbsp</li>
						<li>&nbsp简介：黄大炜，候志坚，辛晓琪，马玉芬,四大製作人联手打造岁月的淬练,转变为「喜乐女人」,经过了沉淀、旅行、工作、家庭、感情…的过程
             顺流、逆流、迎风、背风、平坦宽敞、窒碍难行…的道路在2012的转角，遇见快乐,辛晓琪加盟美梦成真音乐之后，音乐大大「整型」，摆脱她过去疗伤K情歌之框圈，而转为温暖系的心灵音乐... 
							<span class="zhankai"><a title="展开详情" href="" style="color:#2c76c0">展开</a></li>
					
						</div>
						<div class="gangtaipart1bt">
           <a title="播放" href=""style="text-decoration:none;"><img src="<%=request.getContextPath()%>/images/播放1.gif" width="25" height="25" onmouseover="this.src='<%=request.getContextPath()%>/images/播放2.gif'" onmouseout="this.src='<%=request.getContextPath()%>/images/播放1.gif'"/></a><a title="收藏" href=""><img src="<%=request.getContextPath()%>/images/收藏1.gif" width="25" height="25" onmouseover="this.src='<%=request.getContextPath()%>/images/收藏4.gif'" onmouseout="this.src='<%=request.getContextPath()%>/<%=request.getContextPath()%>/<%=request.getContextPath()%>/<%=request.getContextPath()%>/<%=request.getContextPath()%>/images/收藏1.gif'"/></a>

						</div>
					</div>
          
			 </div>	
			</div>

    <div id="myTab_Content1" class="none">
	内地歌曲</div>
    <div id="myTab_Content2" class="none">
        欧美歌曲</div>
    <div id="myTab_Content3" class="none">
        韩国歌曲</div>
    <div id="myTab_Content4" class="none">
        日本歌曲</div>
  </div>
</div>
</div>



</div>
<div id="footer">
<br/>
<br/>
<br/>
<br/>
<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="" style="color:#666666;">关于忘忧</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
	 <a title="联系我们"href="" style="color:#666666;">联系我们</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
	<a title="意见反馈" href="" style="color:#666666;">意见反馈</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
		<a title="服务协议" href="" style="color:#666666;">服务协议<span style="color:#999999">(文网文[2012]200号)</span></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
		<span id="last"><a title="友盟链接" href="" style="color:#666666;">友盟链接</a></span>
	</br>
</div>

	</body>
</html>
